import { Outlet } from "react-router-dom";
import Sidebar from "./components/sidebar";
import TopBar from "./components/top-bar";
import { Card } from "antd";

export default function MainLayout() {
  return (
    <div className="flex h-screen bg-[#f1f1f1]">
      <Sidebar />
      <div className="flex-1">
        <TopBar />
        <div className="p-[10px]">
          <Card>
            <Outlet /> {/* Outlet是子路由的占位符 */}
          </Card>
        </div>
      </div>
    </div>
  );
}
